<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>视差(实际是对比)</title>
        <link rel="stylesheet" href="./style.css">
    </head>

    <body>
        <div class="container-outer">
            <div class="container-inner">
                <div class="nav">
                    <div class="logo">
                        <p>LOGO</p>
                    </div>
                    <div class="menu">
                        <ul>
                            <li>首页</li>
                            <li>产品</li>
                            <li>间接</li>
                            <li>关于</li>
                            <li>更多</li>
                        </ul>
                    </div>
                </div>

                <div class="banner">
                    <div class="desc">
                        <div class="lin"></div>
                        <p>这是一个视差效果</p>
                    </div>
                    <div class="name">
                        <h1>这是什么呢</h1>
                    </div>

                </div>
                <div class="content">
                    <img src="../public/img/12.jpg" alt="" id="img">
                </div>

            </div>
        </div>
    </body>

</html>